<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>富豪榜</title>
  <link rel="stylesheet" href="index.css">
</head>

<body>
  <!-- 导航栏 -->
  <nav>
    <ul>
      <li>主页</li>
      <li>排行榜</li>
      <li>联系方式</li>
    </ul>
  </nav>
  <!-- 头部内容 -->
  <header>
    <!-- 导航栏的按钮 -->
    <button id="toggle">导航栏</button>
    <!-- 标题 -->
    <h2>欢迎来到富豪排行榜</h2>
    <!-- 欢迎语句 -->
    <p>weclome to the rich rank</p>
  </header>
  <!-- 主题内容 -->
  <div class="container">
    <!-- 左盒子 -->
    <aside>
      <!-- 五个按钮 -->
      <button id="add-user">添加账户</button>
      <button id="double">资金翻倍</button>
      <button id="show-millionaire">查询百万富翁</button>
      <button id="sort">财富榜</button>
      <button id="calculate">计算总额</button>
    </aside>
    <!-- 右盒子 -->
    <main id="main">
      <h2>
        <strong>Person</strong>
        <span>Wealth</span>
      </h2>
      <!-- <h2>
        <strong>Person</strong>
        <span>132</span>
      </h2> -->
    </main>
  </div>

  <script>
    let dataInfo = [{
        name: "安东尼 戴维斯",
        money: 892001
      },
      {
        name: "凯里 欧文",
        money: 668932
      },
      {
        name: "史蒂夫 库里",
        money: 698756
      },
      {
        name: "德里克 罗斯",
        money: 492489
      },
      {
        name: "保罗 乔治",
        money: 853957
      },
      {
        name: "勒布朗 詹姆斯",
        money: 968472
      },
      {
        name: "詹姆斯 哈登",
        money: 718225
      },
      {
        name: "凯文 杜兰特",
        money: 889147
      },
    ];
  </script>

  <script src="./index.js"></script>
</body>

</html>